import Vue from 'vue'
// import App from './App.vue'
// import App from './day-01/v-bind的指令.vue'
// import App from './day-01/v-on指令.vue'
// import App from './day-01/02-vue的事件对象.vue'
// import App from './day-01/03-vue阻止行为.vue'
// import App from './day-01/04-按键修饰符.vue'
// import App from './day-01/05-课堂练习案例.vue'
// import App from './day-01/06-vue基础V-model的使用.vue'
// import App from './day-01/07-下拉框案例.vue'
// import App from './day-01/08-v-if指令语法.vue'
// import App from './day-01/09-折叠案例.vue'
// import App from './day-01/10-v-for指令.vue'
// import App from './day-01/11-li循序调换anl.vue'
// import App from './day-01/12-购物车.vue'
// import App from './day-01/13-v-model修饰符.vue'
// import App from './day-01/14-v-html-v-text指令.vue'

// import App from './day-01zixi/01-翻转数据.vue'
// import App from './day-01zixi/02-阻止行为.vue'
// import App from './day-01zixi/03-按键修饰符.vue'
// import App from './day-01zixi/04-数据翻转案例.vue'
// import App from './day-01zixi/05-下拉案例.vue'
// import App from './day-01zixi/06-作业-逛水果店.vue'
// import App from './day-01zixi/07-作业2-选择喜欢的.vue'
// import App from './day-01zixi/黄凯/10-今日作业.vue'

// import App from './day-02/01-v-for的语法作用.vue'
// import App from './day-02/02-v-for就地更新.vue'
// import App from './day-02/03-案例-品牌管理(铺).vue'
// import App from './day-02/04-vue-过滤.vue'
// import App from './day-02/05-vue-计算属性.vue'
// import App from './day-02/06-vue计算属性-缓存.vue'
// import App from './day-02/07-vue类名动态添加.vue'
// import App from './day-02/08-style动态.vue'
// import App from './day-02/09-vue计算属性-完整写法.vue'
// import App from './day-02/10-全选案例.vue'

// import App from './day-02zixi/01-走一走案例.vue'
// import App from './day-02zixi/02-动态生成li标签.vue'

// 第三天
// import App from './day-03/01-计算属性.vue'
// import App from './day-03/02-案例-品牌管理(铺).vue'
// import App from './day-03/03-属性的完整写法.vue'
// import App from './day-03/04-全选案例.vue'
// import App from './day-03/05-vue侦听器.vue'
// import App from './day-03/06-vue侦听器的复杂写法.vue'
// import App from './day-03/07-折叠案例.vue'
// import App from './day-03/08-使用组件-折叠案例.vue'
// import App from './day-03/09-父传子组件.vue'
// 第三天自习
// import App from './day-03-zixi/01-封装Dog组件.vue'
// import App from './day-03-zixi/02-显示各种狗类.vue'
// import App from './day-03-zixi/03-卖完了.vue'

// 第四天
// import App from './day-04/01-todos案例.vue'
// import App from './day-04/02-生命周期.vue'
// import App from './day-04/03-axios请求.vue'
// 第四天自习
// import App from './day-04-zixi/todos案例.vue'
// import App from './day-04-zixi/todo案例.vue'
// import App from './day-05/01-购物车案例.vue'
// import App from './day-05/02-ref获取dom结果.vue'
// import App from './day-05/03-$nextTick使用.vue'
// import App from './day-05/04-$nextTick使用场景.vue'
// import App from './day-05/05-动态组件.vue'
// import App from './day-05-zixi/01-购物车案例.vue'
// import App from './day-05-zixi/02-购物车案例.vue'
// import App from './day-05-zixi/03-折叠面板案例.vue'
// 第五天
// import App from './day-06/01-组件插糟.vue'
// import App from './day-06/02-插糟作用域.vue'
// import App from './day-06/03-作用域练习.vue'
// import App from './day-06/04-自定义指令.vue'
// import App from './day-06/05-tabbar案例.vue'

// 第五天自习
// import App from './day-06-zixi/01-插槽基本使用.vue'
// import App from './day-06-zixi/02-组件插槽的应用场景.vue'
// import App from './day-06-zixi/03-自定义指令.vue'
// import App from './day-06-zixi/04-Table-案例.vue'

// 第六天
// import App from './day-07/01-路由的基本使用.vue'
// import App from './day-07/02-编程式导航.vue'
// import App from './day-07/03-编程式导航-跳转传参.vue'
// import App from './day-07/05-vaut组件库.vue'
// import App from './day-07/06-vant组件表单.vue'

// 第七天的练习
// import App from './day-07-zixi/01-vue-router使用.vue'
// import App from './day-07-zixi/02-编程式导航.vue'
// import App from './day-07-zixi/03-路由嵌套.vue'
// 第七天的附加练习
// import App from './day07-lixi/01-切换页面.vue'
// import App from './day07-lixi/02-二级路由嵌套.vue'
  // 第八自习案例
  // import App from './day-08-anli/01-todos案例.vue'
  // import App from './day-08-anli/02-购物车案例.vue'

// 1.下载包
// 2.导入
// import VueRouter from 'vue-router'
// 3.注册
// Vue.use(VueRouter)
// 4. 
// import Home from './day07-lixi/views/Home.vue'
// import Indent from './day07-lixi/views/Indent.vue'
// import Classify from './day07-lixi/views/Classify.vue'
// import My from './day07-lixi/views/My.vue'
// import Homepage from './day07-lixi/views/homepage.vue'
// import Journalism from './day07-lixi/views/journalism.vue'
// import Sports from './day07-lixi/views/sports.vue'
// import Homepagei from './day07-lixi/views/Second/homepagei.vue'
// import Journalismi from './day07-lixi/views/Second/journalismi.vue'
// import Sportsi from './day07-lixi/views/Second/sportsi.vue'
// import MyGoosList from './day-06-zixi/views/MyGoodsList.vue'
// import MyGoodsSearch from './day-06-zixi/views/MyGoodsSearch.vue'
// import MyUserInfo from './day-06-zixi/views/MyUserInfo.vue'
// const routes = [
  // { path: '/myGoosList', component: MyGoosList },
  // { path: '/myGoodsSearch', component: MyGoodsSearch },
  // { path: '/myUserInfo', component: MyUserInfo },
  // {path: '/', redirect: '/home'},
  // { path: '/home', component: Home},
  // { path: '/indent', component: Indent},
  // { path: '/classify', component: Classify },
  // { path: '/my', component: My },
  // { path: '/homepage', component: Homepage },
  // { path: '/journalism', component: Journalism },
  // { path: '/sports', component: Sports,
  // children:[
    // { path: 'homepagei', component: Homepagei },
    // { path: 'journalismi', component: Journalismi },
    // { path: 'sportsi', component: Sportsi}
  // ]}
//  ]
// import Find from './day-07-zixi/views/Find.vue'
// import My from './day-07-zixi/views/My.vue'
// import Part from './day-07-zixi/views/Part.vue'
// import NotFound from './day-07-zixi/views/NotFound.vue'
// import Recommend from './day-07-zixi/views/Second/recommend.vue'
// import Ranking from './day-07-zixi/views/Second/ranking.vue'
// import Songlist from './day-07-zixi/views/Second/songlist.vue'
// const routes =[
  // { path: '/', redirect: '/find'},
  // { path: '/find', component: Find ,name:'Find',
  // children:[
    // {path:'',redirect:'recommend'},
    // {path:'recommend',component:Recommend},
    // {path:'ranking',component:Ranking},
    // {path:'songlist',component:Songlist},
  // ]
// },
  // { path: '/my', component: My,name:'My' },
  // { path: '/part', component: Part,name:'Part' },
  // { path: '/part/:name', component: Part },
  // { path: '*', component: NotFound },
// ] 

// 5. 创建路由对象 -  传入规则
  // const router = new VueRouter({
    // routes,
    // 打包上线后需要后台支持, 模式是hash
    // mode:'history'
  // })
// 全局引入vant 组件库 方式1
// import Vant from 'vant'
// import 'vant/lib/index.css'
// Vue.use(Vant)
// 方式3
// import {Button,Icon} from 'vant'
// import { Form } from 'vant';
// import { Field } from 'vant';

// Vue.use(Form);
// Vue.use(Field);
// Vue.use(Button)
// Vue.use(Icon)

// 第一步下载包
// 2导入函数
// import VueRouter from 'vue-router'
//获取原型对象上的push函数 //修改原型对象中的push方法
// const originalPush = VueRouter.prototype.push 
//  VueRouter.prototype.push = function push(location) {  
//   return originalPush.call(this, location).catch(err => err) 
// } 
// 3.vuerouter插件添加到vue上
// Vue.use(VueRouter)
// // 4.创建路径 与页面组件的映射关系(数组)
// import Find from './day-07/views/find.vue'
// import My from './day-07/views/my.vue'
// import Part from './day-07/views/part.vue'
// import Ranking from './day-07/views/Second/Ranking.vue'
// import Recommend from './day-07/views/Second/Recommend.vue'
// import Songlist from './day-07/views/Second/SongList.vue'

// import NotFound from './day-07/views/NotFound.vue'


// const routes = [
//   {path: '/', redirect:"/find"},
//   // name是我们 的路由名字 字符串格式
//   {path: '/find', component:Find ,name:'Find',
//   children:[
//       {path:'',redirect:'recommend'},
//       {path:'recommend',component: Recommend},
//       {path:'ranking',component: Ranking},
//       {path:'songlist',component:Songlist},
//       {path: '*', component:NotFound},
//     ]
// },
//   {path: '/my', component:My ,name:'My'},
//   {path: '/part', component:Part ,name:'Part'},
//   {path: '/part/:name', component:Part},
//   // 如果路径命名规则查找不到， 则给出404提醒
//   {path: '*', component:NotFound},
// ]
// 5 创建路由对象，传入规则
// const router = new VueRouter({
//   routes,
//   // 默认是hash 打包上下后需要后台支持，vuerouter官网有后台配置的参考代码
//   mode:'history',

// })
// to==去哪里
// from ==来自那
// next=== 一个函数，可用于控制 放行 或者 不跳转
// let isLogin =true;// 未登陆
// router.beforeEach((to, from, next) => {
//   // console.log('to',to);
//   // console.log('from',from);
//   // console.log('next',next);
//     if(to.path === '/my' && isLogin === false) {
//       alert('请登录')
//       next(false) // 阻止路由跳转
//     } else {
//       next()
//     }
// })
//   // 全局自定义指令
// Vue.directive('gfocus',{
//   inserted (el) {
//   el.focus()
//     console.log('自定义指令运行了');
//   }
// })
// import axios from 'axios'
// import "./day-06/assets/fonts/iconfont.css"
// import "./day-06-zixi/fonts/iconfont.css"
// axios.defaults.baseURL = 'https://www.escook.cn'
// 3. axios方法添加到Vue的原型上
// Vue.prototype.$axios = axios;
// import 'bootstrap/dist/css/bootstrap.css'
// 全局注册组件
// import PennelG from './day-03/components/PannelG.vue'
// Vue.component('PennelG',PennelG)
// Vue.filter('fanzhuan',(str) => str.split('').reverse().join(''))
import App from './09-day/01-网易云音乐案例.vue'
import './09-day/styles/reset.css'
import './09-day/mobile/flexible'
import router from './09-day/router/index'
Vue.config.productionTip = false
import { Tabbar, TabbarItem ,NavBar } from 'vant';
Vue.use(NavBar);
Vue.use(Tabbar);
Vue.use(TabbarItem);
new Vue({
  //6 关联到vue实例
  router:router,
  render: h => h(App),
}).$mount('#app')
